.toTop {
    background: url("../../../../../img/backtotop.png") no-repeat;
    width: 50px;
    height: 50px;
}

.toTop:hover {
    background-position: 0 0;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
}

.grayBtn {
    text-shadow: 0 1px 0 #fff;
    background: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
}

.header-menu {
    position: absolute;
    top: 0;
    left: 100px;
    /* right: 100px;*/
    text-align: center;
    padding: 0;
    z-index: 1;
}

.header-menu > ul > li {
    display: block;
    text-align: center;
    float: left;
    height: 48px;
    -webkit-user-select: none;
}

.header-menu > ul > li > a {
    line-height: 48px;
    display: inline-block;
    padding: 0px 16px 0;
}

.header-menu > ul > li:hover,
.header-menu > ul > li.active {
    background: #326F98;
}

.header-menu > ul > li:hover > a,
.header-menu > li:hover > a:hover,
.header-menu > ul > li.active > a,
.header-menu > li.active > a:hover {
    color: #f90
}

.header-menu > ul > li > a {
    color: #fff
}

/*.header-menu > ul > li > a:hover {text-decoration:none}*/
.header-menu > ul > li > a > i {
    display: inline-block;
    margin-right: 6px; /*vertical-align: middle;*/
}

.menu-view {
    position: fixed;
    padding: 0;
    top: 48px;
    height: 32px;
    line-height: 32px;
    left: 0;
    right: 0;
    display: block;
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    z-index: 102;
}

.meun-boxes {
    display: inline-block
}

.dropdown-menus {
    color: #333
}

.dropdown-menus:hover {
    color: #444;
    text-decoration: none
}

.menu-underscore {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -125px;
    width: 250px;
    text-align: center;
    padding: 0;
}

.menu-underscore > li {
    display: inline-block;
    height: 32px;
    padding: 0 10px;
}

.menu-underscore > li.active, .menu-underscore > li:hover {
    border-bottom: #20638f 2px solid
}

.menu-underscore > li > a {
    color: #333;
}

.menu-underscore > li > a:hover {
    color: #000
}

.nav-menu-right {
    float: right;
    font-size: 13px;
}

.nav-menu-right li {
    display: inline-block;
    height: 32px;
    padding: 0 6px;
}

.nav-menu-right li a, .nav-menu-right li a:visited {
    color: #333;
}

.nav-menu-right li a:hover {
    color: #20638f
}

.side_menu_collapsed .left-tree-menu.menu_wrapper {
    display: none
}

#body-right-part {
    position: fixed;
    width: 300px;
    right: -100%;
    z-index: 2;
    top: 78px;
    border: 1px solid #eee;
    background: #fff;
    bottom: 0;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
}

#body-right-part.open {
    right: 0;
    overflow-y: auto;
}

#body-right-part .header-part {
    padding: 10px;
    background: #f1f1f1
}

#body-right-part .header-part h3 {
    margin: 0;
    padding: 0;
    font-size: 16px
}

#body-right-part hr {
    margin: 0 0 5px
}

.header-menu a {
    position: relative
}

.header-menu .dropdown > a:after {
    font-family: FontAwesome;
    content: "\f0d7";
    height: 5px;
    position: absolute; /*bottom:2px;left:50%;*/
    margin-left: 3px;
    width: 10px;
    font-size: 12px;
}

.side_menu_active #main_menu .first_level.active ul {
    display: block
}

.tree-lists-rap li {
    padding: 2px 0 2px 15px;
}

.tree-lists-rap li .tree-item-arrow {
    font-weight: bold
}

/*文章增加*/
.add-articles { /*float: right;*/
    margin-right: 3px
}

.add-articles a, .add-articles a:link, .add-articles a:visited {
    color: #666;
}

.add-articles a:hover {
    color: #c30
}

/*选项卡*/
#tab-items .tabBar span.Current {
    background: none;
    border-bottom: 2px solid #369;
    color: #212425
}

#tab-items .tabBar span {
    background: none;
    font-weight: normal;
    color: #666;
}

#tab-items .tabBar {
    height: 30px
}

#tab-items .r-operate a, #tab-items .r-operate a:visited {
    background: #f4f4f4;
    border: 1px solid #ddc;
    border-radius: 3px;
    padding: 2px 6px; /*color:#3c763d;*/
}

#tab-items .r-operate a:hover {
    color: #c30;
    background: #eee;
}

/*空间下拉项列表*/
.task-list {
    padding: 8px 12px 2px
}

.task-list .search-box, .task-list .list-item, .statistics-list {
    padding: 0
}

.task-list .list-item li {
    line-height: 20px;
    margin-bottom: 6px;
    display: block
}

.task-list .task-item .task-ico {
    margin-right: 6px;
}

.task-list .task-item a, .task-item a:link, .task-item a:visited {
    line-height: 30px;
    color: #383838;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block
}

.task-list .statistics-list .text a:hover, .statistics-list .text i:hover, .task-list .statistics-list .text i:hover {
    color: #c30;
}

.task-list .statistics-list .text i {
    color: #a6a6a6;
    font-size: 15px;
    cursor: pointer
}

.task-list .statistics-list .progress-box {
    height: 6px;
    margin-top: 3px;
    background: #f3f3f3;
    border-radius: 2px
}

.task-list .statistics-list .progress-box .progress-bar {
    height: 6px;
    border-radius: 2px
}

.task-list .add-item {
    margin: 6px 0;
    border-bottom: #ddd 1px solid;
    line-height: 32px;
}

.task-list .add-item a {
    color: #333
}

.task-list .add-item .task-ico {
    color: #c30;
    margin-right: 6px;
    font-size: 16px;
}

.task-list .add-item a:hover, .all-shows a:hover {
    color: #c30;
}

.progress-box .bg-green {
    background: #259b24
}

.all-show {
    margin: -4px 0;
    padding: 5px 11px;
    background: #fafbfb;
    border: #f8f8f8 1px solid;
}

.task-list .task-item:hover {
    background: #f6f6f6
}

* {
    word-wrap: break-word
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-width: 1px;
}

ul, li {
    list-style: none;
    padding: 0
}

/*显示文章页还原HTML属性*/
.article-boxs li, .article-boxs ul, .article-boxs ol {
    list-style: inherit;
}

.article-boxs ul, .article-boxs ol {
    margin: 0 20px;
}

.article-boxs td {
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 3px 5px;
}

.article-boxs table {
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
}

/*显示文章页还原HTML属性END*/

a, a:hover, a:visited, a:focus {
    text-decoration: none;
}

.pd-6 {
    padding: 6px;
}

.pd-10 {
    padding: 10px;
}

.comments-list {
    position: relative;
    border-bottom: #ddd 1px dashed;
    margin-bottom: 9px;
}

.userFace img {
    border-radius: 50%;
}

.author .faceBox {
    position: absolute;
    z-index: 3;
    left: 0px;
    top: 2px;
}

.innerFace {
    padding-left: 50px;
}

.content-infos {
    margin-top: 8px;
    margin-bottom: 5px;
}

.commentBox {
    padding: 4px;
    background: #ffe;
    border: 1px solid #999;
    margin-bottom: 12px;
    word-wrap: break-word;
    zoom: 1;
    position: relative;
    z-index: 1;
}

.commentInfo, .content-item {
    margin: 2px;
}

.author {
    color: #328E34
}

.operations {
    color: #1e50a2;
    text-align: right;
    padding-right: 5px;
    height: 12px;
    line-height: 12px;
    zoom: 1;
    font-size: 12px;
}

.operations li {
    display: inline-block;
    margin-left: 10px;
}

.form-comment {
    padding: 6px 0 6px 45px
}

#commentFrom > .form-comment {
    padding: 6px 0
}

.r-operate {
    font-size: 14px;
    margin-top: 4px;
}

.r-operate a, .r-operate a:visited {
    color: #666;
}

.r-operate a:hover {
    color: #c60
}

/*form 重写*/
.card-content .card-content {
    margin-top: 10px
}

/*.form-letter-style .form-control{height:38px;line-height:38px;border-radius:3px;box-shadow:none;}*/
/*.form-horizontal .form-group{margin-bottom:20px}*/
.card-content .form-group label {
    font-weight: normal;
    font-size: 14px;
    margin-top: 2px;
    margin-right: 18px;
}

.card-content .form-group .btn-submit, .card-content .form-group .btn-return {
    height: 36px;
    width: 49%
}

.card-content .form-group .btn-return:hover {
    background: #eee;
    color: #333
}

/*.card-content .form-group .btn-submit{margin-right:1%}*/
.form-letter-style .form-group:nth-child(1) label {
    margin-top: 20px
}

.password-change .form-horizontal {
    margin-top: 21px
}

/*表格*/
.card-content .table {
    table-layout: fixed;
}

.card-content .table > thead > tr > th, .card-content .table > tbody > tr > td {
    border-bottom: 1px solid #eee;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative
}

.card-content .table > thead > tr > th {
    font-weight: normal;
    color: #000;
}

.card-content .table > tbody > tr > td {
    border-top: none;
    vertical-align: middle;
}

.card-content .table > tbody > tr:nth-child(odd) {
    background: #fafafa
}

.card-content .table > tbody > tr.hand-hidden .handler-set {
    display: none !important;

}

.card-content .table > tbody > tr .handler-set {
    display: none;
    position: absolute;
    right: 6px;
    background: #f6f6f6;
}

.card-content .table > tbody > tr:hover .handler-set {
    display: inline-block;
}

.card-content .table > tbody > tr:hover, .table-bordered > tbody > tr:hover {
    background: #f6f6f6
}

/*.right-infos a:hover{color:#c60;}*/
.fd_filter {
    border-bottom: #eee 1px solid;
    margin-top: -10px;
    padding-top: 5px;
    background: #f9f9f9
}

.fd_filter a {
    display: inline-block;
    margin-right: 10px;
    font-size: 13px;
    height: 25px;
    padding: 0 8px
}

.fd_filter a.active {
    color: #c60;
    border-bottom: #c60 1px solid;
}

.list-boxs .table > tbody > tr .handle-del {
    display: none
}

.list-boxs .table > tbody > tr:hover .handle-del {
    display: inline-block;
}

.list-boxs .handle-del {
    display: none;
}

/*圆形图*/
.radius-thumb {
    border-radius: 50%;
    background-size: cover;
    overflow: hidden;
    background-position: center center;
    display: inline-block;
    border: #eee 1px solid;
}

/*消息列表 日程左侧*/
.message-list .list-item {
    width: 100%;
}

.message-list .list-item li {
    cursor: pointer;
    border-bottom: 1px dotted #eee;
    padding: 12px 10px 8px;
    position: relative
}

.message-list .list-item li .handler-icon {
    display: none
}

.message-list .list-item .handler-icon {
    width: 48px;
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 16px;
}

.message-list .list-item li a, .message-list .list-item li a:visited {
    text-decoration: none
}

.message-list .list-item li:hover .handler-icon, .message-list .list-item li:hover .handler-icon a {
    display: inline-block;
    color: #393939;
    padding-left: 2px;
}

.message-list .list-item li:hover .handler-icon a {
    background: #E5E5E5
}

.message-list .list-item li:hover .handler-icon a:hover {
    color: #c30
}

.message-list .project-item:hover, .message-list .project-item.active {
    background: #E5E5E5
}

.list-item .project-item .project-pic,.list-item .my-pic {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    margin-right: 10px; /*background-color:#74bbd8;*/
    background-color: #eee;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.add-item .list-item .project-item a .member-info .member-name {
    color: #393939;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 20px;
    line-height: 20px;
    margin-bottom: 5px;
}

.list-item .project-item a:hover .member-info .member-name {
    color: #368;
}

.list-item .project-item a .member-info .member-line {
    line-height: 35px;
    padding-bottom: 12px;
}

.list-item .project-item a:hover {
    text-decoration: none; /*line-height: 20px;*/
}

/*提示*/
.empty-tip {
    width: 100%;
    color: #a6a6a6;
    text-align: center;
    font-size: 15px;
    margin: 21px auto;
}

.tip-small {
    font-size: 13px;
    margin-top: 5px;
}

.empty-tip .fa {
    width: 50px;
    height: 50px;
    font-size: 46px; /*margin-bottom:2px*/
}

.title-bar {
    height: 30px;
    line-height: 30px;
    border-left: #ddd 1px solid;
    padding-left: 12px;
}

.email-boxs { /*border-top: #eee 1px solid;*/
    border-left: #ddd 1px solid;
    min-height: 500px;
}

.spaces-box {
    padding: 0;
    margin: 0;
}

.spaces-box li {
    border-radius: 3px;
    color: #fefefe;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    position: relative;
    margin-left: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    background-size: cover;
    float: left;
    background: #f3f3f3;
    border: #eee 1px solid;
    height: 134px;
}
/*选择空间列表多屏下适配*/
@media (min-width: 1900px){
    .spaces-box li{width:calc(14.3% - 1px * 2 - 10px );}
}
@media (max-width: 1899px){
    .spaces-box li{width:calc(16.7% - 1px * 2 - 10px );}
}
@media (max-width: 1599px){
    .spaces-box li{width:calc(20% - 1px * 2 - 10px );}
}
@media (max-width: 1199px){
    .spaces-box li{width: calc(25% - 1px * 2 - 10px );}
}
@media (max-width: 991px){
    .spaces-box li{width: calc(33.3% - 1px * 2 - 10px );}
}
@media (max-width: 767px){
    #main_header.navbar-inner {
        position: fixed;
    }
    .spaces-box li{width: calc(100% - 20px );}

}
.spaces-box li:hover {
    opacity: 0.9;
    -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
    transform: translate3d(0, -3px, 0);
    transition: box-shadow ease-in-out 218ms, transform 218ms ease-in-out;
    -webkit-transition: box-shadow ease-in-out 218ms, -webkit-transform 218ms ease-in-out;
}

.spaces-box .pull-right span:hover {
    color: #fff
}

.project-name {
    margin: 0;
    padding-right: 20px;
    line-height: 32px;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-info {
    padding: 10px 15px 20px;
    cursor: pointer;
    height: 100%
}

.project-info .edit-set {
    display: none;
}

.project-info:hover .edit-set {
    display: inline-block;
}

.project-info:hover a:hover {
    color: #fee;
}

.project-info .pull-right a {
    color: #fefefe;
    display: inline-block;
}

.project-info .pull-right a:hover, .project-info .pull-right span:hover {
    color: #eee
}

.spaces-box .add-project-button {
    background: #f9f9f9;
    cursor: pointer;
    text-align: center;
}

.add-project-button .create-project-handler, .add-project-button .create-project-handler:visited {
    color: #999;
    text-shadow: none;
    font-size: 17px;
    text-decoration: none;
    width: 247px;
    height: 134px;
    display: inline-block
}

.add-project-button .create-project-handler .fa-plus-circle {
    font-size: 35px;
    display: block;
    margin-bottom: 8px;
    margin-top: 30px;
}

.add-project-button:hover .create-project-handler {
    text-decoration: none;
    color: #368
}

.project-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    padding: 0 2px;
}

.visibility-label {
    background: rgba(0, 0, 0, 0.25);
    color: #fff;
    padding: 3px 5px;
    display: inline-block;
    border-radius: 2px;
    font-size: 12px;
    position: absolute;
    bottom: 10px;
}

.spaces-box .project-info .spaces-link {
    display: block;
}

.spaces-box .spaces-link, .spaces-box .project-info:hover .spaces-link {
    display: block;
    height: 118px;
    width: 200px;
    color: #fff
}

/*文章列表 评论*/
.article-box-hr {
    border-bottom: #ddd 1px solid;
    margin-bottom: 18px;
}

.article-header .btn-group.open .dropdown-toggle {
    box-shadow: none;
}

.article-header .dropdown-toggle {
    cursor: pointer;
    font-size: 14px;
}

.article-header a.edit {
    margin-right: 8px;
    cursor: pointer;
    font-size: 14px;
}

.article-header .info-bar {
    font-size: 12px;
    margin: 12px 0 8px;
}

.article-header .info-bar a:hover {
    color: #c30;
}

ul.mesg-count {
    float: right;
    font-size: 12px;
}

ul.mesg-count li {
    float: left;
    height: 16px;
    line-height: 14px;
    padding-right: 6px;
    margin-left: 6px;
    color: #999;
    border-right: 1px solid #C3C3C3;
}

ul.mesg-count li:last-child {
    border-right: none;
}

.article-footer .pull-right {
    margin-bottom: 16px;
}

.comment-infobox {
    background: #fdfdfd;
    border: #eef 1px solid;
    padding: 5px 12px 12px;
}

#submitComment {
    margin-top: 10px
}

.article-header h3:first-child {
    margin-top: 3px
}

.article-infobox span a:hover {
    color: #c30;
}

ul.mesg-count li a, ul.mesg-count li a:visited {
    color: #888
}

ul.mesg-count li a:hover {
    color: #c30;
}

/*下拉菜单 列表*/
.down-list {
    padding: 6px 10px 2px
}

.down-list .list-item {
    padding: 0
}

.down-list .list-item li {
    padding: 10px 5px 2px; /*margin-bottom:5px;*/
    border-bottom: 1px dotted #ddd
}

.letter-wrapper .message-list .member-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.add-item .list-item .project-item a .member-info .member-title {
    color: #888;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 18px;
    font-size: 13px;
}

.down-list .add-item {
    margin: 5px 0; /*border-bottom: #ddd 1px solid;*/
    line-height: 32px;
}

.down-list .list-item li:hover {
    background: #f6f6f6
}

.down-list .add-item .task-ico {
    color: #20638f;
    margin-right: 6px;
    font-size: 16px;
}

.down-list .add-item a:hover {
    color: #c60;
}

/*空间动态*/
.down-menu {
    padding: 10px 0 2px
}

.down-menu .list-item {
    padding: 0
}

.down-menu .list-item li {
    line-height: 18px;
    padding: 4px 18px
}

.down-menu > .list-item > li > a > i {
    margin-right: 10px
}

.down-menu .project-item {
    margin-bottom: 10px
}

.down-menu .project-item:hover {
    background: #f6f6f6
}

.down-menu .add-item {
    margin: 6px 0;
    border-bottom: #ddd 1px solid;
    line-height: 32px;
}

.down-menu .add-item a, .add-item a:link, .add-item a:visited {
    color: #20638f;
}

.down-menu .add-item .task-ico {
    color: #20638f;
    margin-right: 6px;
    font-size: 16px;
}

.down-menu .add-item a:hover {
    color: #c60;
}

.down-menu .list-item {
    padding: 0
}

.down-menu .list-item .group-name {
    color: #000;
}

.down-menu .task-item:hover {
    background: #fafafa
}

.down-menu .list-item .dataStatistics a:hover {
    background: #f6f6f6
}

.down-menu .dataStatistics:hover {
    background: none
}

.down-menu .task-item .task-ico {
    margin-right: 6px;
}

.down-menu .task-item a, .task-item a:link, .task-item a:visited {
    line-height: 30px;
    color: #383838;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.space-new-list .member-title {
    margin-top: 5px;
    padding-left: 48px;
}

.space-new-list .member-info .member-name a {
    color: #20638f;
    font-weight: normal;
    word-break: break-all; /*支持IE，chrome，FF不支持*/
    word-wrap: break-word; /*支持IE，chrome，FF*/
}

.space-new-list .member-info .member-name a:hover {
    color: #c30;
}

/*公用查询 slb页*/
.floor-box {
    padding: 5px 8px 2px;
    background: #fefefe;
    border: #f1f1f1 1px solid;
    margin-bottom: 16px;
    position: relative;
}

.floor-box h4 {
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    padding: 0px 5px 10px;
}

.floor-box .r-operate {
    font-size: 14px;
    margin-top: -7px;
}

.floor-box .r-operate a, .r-operate a:visited {
    color: #666;
}

.floor-box .r-operate a:hover {
    color: #c60
}

.form-infos li {
    float: left;
}

.form-horizontal .form-infos {
    margin-bottom: -3px;
}

.form-horizontal .form-infos .control-label {
    font-weight: normal;
}

.form-horizontal .form-infos .form-group {
    margin-bottom: 8px;
}

.form-horizontal .form-infos .show-infos {
    display: inline-block;
    padding-top: 7px;
    color: #357536;
}

.table-box {
    margin-bottom: 8px;
}

.table-box .table-bordered > thead > tr > th {
    background: #f9f9f9;
}

.select2-selection__rendered {
    background: #fff;
}

body, div#main_wrapper {
    background: #f5f5f5
}

.side_menu_active #main_menu .first_level > a {
    padding-left: 20px
}

.main-add-btn > a > i {
    transition: all 0.5s;
    -moz-transition: all 0.5s; /* Firefox 4 */
    -webkit-transition: all 0.5s; /* Safari 和 Chrome */
    -o-transition: all 0.5s; /* Opera */
}

.main-add-btn:hover > a > i {
    transform: rotate(270deg);
    -moz-transform: rotate(270deg); /* Firefox */
    -o-transform: rotate(270deg); /* Opera */
}

/*菜单项*/
.side_menu_active.side_menu_expanded #main_menu .first_level.section_active > a:hover {
    background: #fcfcfc;
}

.side_menu_active.side_menu_expanded #main_menu .first_level.section_active > a {
    background: #fefefe;
    color: #20638f;
}

/*高级搜索功能待定*/
.search-div {
    position: relative;
}

.search-form {
    padding-bottom: 28px;
}

.search-form .search-more {
    padding-top: 24px;
    display: none
}

.search-form .search-width {
    width: 188px;
    float: left;
    padding-right: 28px;
}

.searchMore-btn {
    cursor: pointer;
}

.searchMore-btn:hover {
    color: #c30;
}

.search-ico {
    background: #fff;
    height: 25px;
    border: none;
    margin-left: -26px;
    margin-top: 2px;
    margin-right: 5px;
}

.search-more {
    position: absolute;
    z-index: 9990;
}

/*树*/
.fa-ztree li {
    line-height: 23px;
}

/*表格按钮加号*/
.btn-group .add-show {
    color: #333;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.btn-group .mul-remove {
    margin-left: -5px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.f-btnbox {
    text-align: center;
    margin-left: -10%
}

.select2-container {
    z-index: 19999
}

.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container .select2-selection--single {
    height: 34px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 32px;
}

.tree-sel-content {
    overflow: auto;
    max-height: 250px
}

.btn-group .select2.select2-container,
.form-inline .select2.select2-container {
    width: auto !important;
}

.select2.select2-container {
    width: 100% !important;
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

.bs-callout-danger {
    border-left-color: #ce4844
}

.bs-callout-danger h4 {
    color: #ce4844
}

.bs-callout-warning {
    border-left-color: #aa6708
}

.bs-callout-warning h4 {
    color: #aa6708
}

.bs-callout-info {
    border-left-color: #1b809e
}

.bs-callout-info h4 {
    color: #1b809e
}

.list-group-item > label {
    width: 80px;
    text-align: right;
}